import { ExtendPanelPropsType } from '../extend-panel.props';
import { SetupContext } from 'vue';
import { ItemType, ItemDataType } from './types';
export default function (
    props: ExtendPanelPropsType,
    context: SetupContext,
    item: ItemType,
    key: number
) {
    const renderCover = () => {
        return <div class='f-extend-panel-item-cover-components'>
            <div class='f-extend-panel-item-cover-components-num'>{item.cover?.ltTip}</div>
            <div class='f-extend-panel-item-cover-components-flex'>
                <div class='f-extend-panel-item-cover-components-title'>{item.cover.title}</div>
                <div class='f-extend-panel-item-cover-components-des'>
                    {item.cover.description}
                </div>
            </div>
            <div class='f-extend-panel-item-cover-components-tip'>{item.cover?.lbTip}</div>
        </div>
    }
    return () => {
        return context?.slots?.cover && context?.slots?.cover(item, key) || renderCover()
    }
}